<template>
	<view>
		<view style="text-align: center;">
			<image :src="data.icon" style="width: 80px;height: 80px;border-radius: 15px;margin-top: 50px;">
			</image>
			<p style="margin-top: 20px;font-size: 18px;">{{data.title}}</p>
			<button @click="down(data._id)" type="primary"
				style="width: 140px;line-height: 45px;font-size: 18px;margin: 10px auto;">下载</button>
			<p style="margin-top: 5px;color: #8f8f94;font-size: 18px;">{{data.content}}</p>
		</view>
		<scroll-view class="scroll-view_H" scroll-x="true">
			<image @click="openImg(data.image,index)" v-for="(item,index) in data.image"
				style="width: 150px;border-radius: 5px;margin: 10px;" mode="widthFix" :src="item">
			</image>
		</scroll-view>
		<websitenav></websitenav>
	</view>
</template>

<script>
	export default {
		name: "apk_jianyue",
		props: {
			data: {
				type: Object,
				default (data) {
					return {}
				}
			}
		},
		methods: {
			down(id) {
				this.$emit("down", {
					id: id
				})
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style>
	.scroll-view_H {
		margin-top: 10px;
		white-space: nowrap;
		width: 100%;
	}
</style>